@import "@/styles/variables";
.mdetail-container {
  position: relative;
  min-height: 50vh;
  max-height: 94vh;
  height: auto;

  .tag-container {
    display: flex;
    flex-wrap: wrap;
  }
  .title-wrapper {
    padding-bottom: @size-base;
    border-bottom: 1px solid @light-color;
    display: flex;
    justify-content: space-between;
    .title {
      font-weight: bold;
      letter-spacing: 2px;
      font-size: @size-2xl;
      color: @text-color;
    }
  }
  .image-wrapper {
    overflow: hidden;
    height: 28vh;
    box-shadow: @light-shadow;
    position: relative;
    Image {
      width: 100%;
      height: 100%;
    }
  }
  .top-container {
    padding: @size-base;
    display: flex;
    justify-content: center;
  }
  .scroll-view {
    ::-webkit-scrollbar {
      display: none;
    }
  }
  .content-container {
    padding: @size-2 @size-lg;
    .label {
      color: @primary-color;
      font-weight: bold;
      font-size: @size-sm;
      flex: 0 0 auto;
      margin-right: @size-xs;
    }
  }
}
